<template>
  <div class="box">
    <a-modal title="查看意见反馈" :visible="visible" :width="800" @ok="$emit('ok')" @cancel="$emit('cancel')">
      <div class="content">
        <span>{{ $props.feedbackData.time }}</span
        ><span>{{ $props.feedbackData.name }}</span
        ><span>{{ $props.feedbackData.position }}</span>
        <div>{{ $props.feedbackData.content }}</div>
      </div>
      <div class="close_class" style="text-align: center; margin-top: 50px">
        <a-button type="primary" @click="close">关闭</a-button>
      </div>
    </a-modal>
  </div>
</template>

<script>
export default {
  name: 'feedback',
  props: {
    feedbackData: {
      type: Object,
      default: () => {},
    },
    visible: {
      type: Boolean,
      default: () => false,
    },
  },
  methods: {
    close() {
      console.log('feedbackList', this.feedbackData)
      this.$emit('cancel')
    },
  },
}
</script>

<style lang="less" scoped>
/deep/ .ant-modal-header {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
/deep/ .ant-modal-footer {
  display: none;
}
.close_class {
  text-align: center;
  margin-text-outline: 50px;
}
.close_class button {
  width: 100px;
  height: 40px;
  font-size: 15px;
  border-radius: 5px;
}
</style>